<!--    公用头部  start  -->
<div class="public-header text-center">
    <a class="pull-left" href="javascript:void(0);" ui-sref="detail({lineid:lineid})">
        <img class="icon-left" src="images/icon-left.png">
    </a>
    <span class="order-tai">提交订单</span>
    <a class="pull-right" href="javascript:void(0);" ui-sref="home.list">
        <img class="icon-user" src="images/icon-user.png">
    </a>
</div>
<!--    公用头部  end  -->

<h1 class="order-title" ng-bind="line.title">首付377，长滩豪华六日游</h1>
<div class="text-center info-title"><img class="info-img" src="images/canlender.png" alt=""/><span>选择日期</span></div>
<!--    日历插件  start  -->
<div class="container">
    <div class="check-month" id="data-tab"></div>
    <div id="calendar"></div>
</div>
<!--    日历插件  end  -->
<div class="base-info">
    <div class="info-title"><img class="info-img" src="images/contact.png">
        <span>付款方式</span>
    </div>
    <div class="order-inputs">
        <div class="form-group">
            <div class="dex-travel-box">
            <a href="javascript:void(0);" ng-click="charge_type=1" ng-class="{'selectClass': charge_type==1, '': charge_type==2}">全款出游</a>
            <a href="javascript:void(0);" ng-click="charge_type=2" ng-class="{'selectClass': charge_type==2, '': charge_type==1}">首付出游</a>
            </div>
        </div>
    </div>
</div>
<div class="base-info">
    <div class="info-title"><img class="info-img" src="images/person.png">
        <span>选择人数</span>
    </div>
    <div class="order-inputs">
        <div class="radio" ng-click="people=1" ng-class="{'active': people==1, '': people!=1}">
            <label>1个人(需补单房差)</label>
        </div>
        <div class="radio"  ng-click="people=2" ng-class="{'active': people==2, '': people!=2}">
            <label>2个人(我一人付全部)</label>
        </div>
        <div class="radio"  ng-click="people=3" ng-class="{'active': people==3, '': people!=3}">
            <label> 2个人(AA制，各付各的)</label>
        </div>
    </div>
</div>

<div class="base-info">
    <div class="info-title"><img class="info-img" src="images/contact.png">
        <span>联系人信息</span>
    </div>
    <div class="order-inputs">
        <div class="form-group">
            <input type="text" class="form-control" name="contact_name" placeholder="用于我们与您联系" ng-model="linkman1.name" required>
            <label>姓名</label>
        </div>
        <div class="form-group">
            <input type="tel" class="form-control" name="contact_phone" placeholder="用于我们与您联系" ng-model="linkman1.tel" required>
            <label>手机号</label>
        </div>
        <div class="form-group">
            <input type="text" class="form-control" name="contact_remarks" placeholder="护照号"  ng-model="linkman1.card">
            <label>身份证号</label>
        </div>
        <div class="form-group">
            <input type="text" class="form-control" name="contact_remarks" placeholder="护照号"  ng-model="linkman1.passport">
            <label>护照号</label>
        </div>
    </div>
</div>

<div id="friendbox" class="base-info" ng-show="people!=1">
    <div class="info-title"><img class="info-img" src="images/contact.png">
        <span>同行联系人信息</span>
    </div>
    <div class="order-inputs">
        <div class="form-group">
            <input type="text" class="form-control" name="friend_contact_name" placeholder="用于我们与对方联系" ng-model="linkman2.name">
            <label>姓名</label>
        </div>
        <div class="form-group">
            <input type="tel" class="form-control" name="friend_contact_phone" placeholder="用于我们与对方联系" ng-model="linkman2.tel">
            <label>手机号</label>
        </div>
        <div class="form-group">
            <input type="text" class="form-control" name="contact_remarks" placeholder="身份证号"  ng-model="linkman2.card">
            <label>身份证号</label>
        </div>
        <div class="form-group">
            <input type="text" class="form-control" name="friend_remarks" placeholder="护照号" ng-model="linkman2.passport">
            <label>护照号</label>
        </div>
    </div>
</div>

<div class="base-info">
    <div class="info-title"><img class="info-img" src="images/contact.png">
        <span>优惠码</span>
    </div>
    <div class="order-inputs">
        <div class="form-group">
            <input type="text" class="form-control" id="bffcode" name="bffcode" placeholder="优惠码">
            <label for="bffcode">优惠码</label>
        </div>
    </div>
</div>

<div class="order-foot">
    <div class="my-font-xs" ng-show="charge_type==2">
        首付：<span class="my-red my-font-lg" ng-bind="show_down_payment">¥337.00</span> <span style="padding-left: 10px;" class="my-red my-font-lg"></span><br>
        月付：<span id="periods_price" ng-bind="show_down_payment">¥337.00</span> X <span ng-bind="activeCalendar.down_payment_num">11</span>月(不收取任何服务费和利息)
    </div>
    <div class="my-font-xs" ng-show="charge_type==1">
        全款：<span class="my-red my-font-lg" ng-bind="show_full_payment">¥337.00</span> <span style="padding-left: 10px;" class="my-red my-font-lg"></span><br>
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox" checked=""> 我已阅读并且同意<a href="javascript:void(0);">《首付游预定协议》</a>
        </label>
    </div>
</div>

<div style="height: 60px"></div>
<div class="footer">
    <a href="javascript:void(0);" ng-click="submit_order()">提交订单</a>
</div>
